﻿<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>盒子模型定位示例</title>
    <style type="text/css">
       *{
          margin:20px;
       }
  
       .father{
         background-color:#a0c8ff;
         border:1px dashed #000000;
         padding:15px;
      }
        .block_one{
         padding:10px;
         background-color:#fff0ac;
         border:1px dashed #000000;
         position:relative;
         top:48px;
         left:48px;
      }
    </style>
</head>
<body>
    <div class="father">
          这是父盒子
        <div class="block_one">这是子盒子</div>
</div>
</body>
</html>